<!DOCTYPE html> 
<html> 

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0">  
		<title>weatherTek</title> 
	    
	    <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png"/>

		
	    <!-- scripts -->
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	    
	    
	    <!-- css / theme -->
	   	<link rel="stylesheet" href="assets/css/5.css"><!-- change the number of the css file to switch themes -->
	    <link rel="stylesheet" href="assets/css/style.css">

	    
	    <!-- add to homepage bubble on iphone, ipad  -->
		<script type="text/javascript">
			if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {
				document.write('<link rel="stylesheet" href="assets\/add-bubble\/style\/add2home.css">');
				document.write('<script type="application\/javascript" src="assets\/add-bubble\/src\/add2home.js" charset="utf-8"><\/s' + 'cript>');
			}
		</script>
		<!-- /add to homepage bubble on iphone, ipad  -->
	    

	</head> 


	<body>
		<div data-role="page">

		<!-- header -->
		<div data-role="header" class="page-header home-page-header">
			<h1>weatherTek 1.0</h1>
		</div>
	    <!--/header -->

		<div data-role="content">	
	    
	    <!-- change the background image of this div to change your logo -->
	    <div class="logo"></div>
	    
	    
	    
	    	<!-- navigation -->
			<ul data-role="listview" data-inset="true" id="listview" class="shadowBox">

				<li><a href="tornado.html">Tornado</a></li>
	            <li><a href="snow_storm.html">Snow Storm</a></li>
				<li><a href="hail_storm.html">Hail Storm</a></li>
	            <li><a href="earthquake.html" rel="external">Earthquake</a></li>
	            <li><a href="avalanche.html" rel="external">Avalanche</a></li>
			
	        </ul>
	        <img src="assets/images/shadow2.png" class="shadow" alt="shadow">
	        <!-- /navigation -->
			
			<!-- solo button which opens popup -->
	        <!---<ul data-role="listview" data-inset="true" id="offers" class="ui-btn-text">
	            <li data-theme="b" data-icon="star"><a href="http://noaa.gov" data-rel="dialog" rel="external" >NOAA</a></li>
	        </ul>--->
	        <!-- /solo button which opens popup -->

	        

	        <!-- social icons --> 
			<!---<p class="social">
	            Stay Connected!<br />
	            	
	                <a href="http://on.fb.me/wB2Ger"><img src="assets/images/social-icons/facebook.png" alt="Facebook"></a>
	                <a href="http://twitter.com/beantowndesign"><img src="assets/images/social-icons/twitter.png" alt="Twitter"></a>
	                <a href="#"><img src="assets/images/social-icons/flickr.png" alt="Flickr"></a>
	                <a href="#"><img src="assets/images/social-icons/linkedin.png" alt="Linked In"></a>
	                <a href="#"><img src="assets/images/social-icons/plus.png" alt="plus"></a>
	                <a href="#"><img src="assets/images/social-icons/google.png" alt="Google"></a>
	                <a href="#"><img src="assets/images/social-icons/newsvine.png" alt="newsvine">   </a>        </p>--->
	        <!-- /social icons -->
	           
	        
	        <!---<p class="copyright">weatherTeK 2013</a></p>--->
			<!-- /phone contact -->
	        
	        
	        
	  	</div><!-- /content -->
		

		<!-- footer -->
		<div data-role="footer" class="footer">
			<div data-role="navbar" class="custom-icons" data-grid="c"  data-position="">
				<ul>
					<li><a href="views/help.cfm" id="sign" data-icon="custom">Help</a></li>
					<li><a href="views/settings.cfm" rel="external" id="mail2" data-icon="custom">Setttings</a></li>
					<li><a href="views/contact.cfm" rel="external" id="movie" data-icon="custom">Contact</a></li>
					<li><a href="views/about.cfm" id="arrow-up" data-icon="custom">About</a></li>
				</ul>
			</div>
		</div>
		<!-- /footer -->
		
	</div><!-- /page -->

	</body>
</html>